<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<div id="div01"></div>
				<input type="checkbox" id="chk1" />
				
				<button type="button" onclick="foo1()">按钮1</button>
				<button type="button" id="btn2" >按钮2</button>
			
			<script>
				//  document
				var div01 = document.getElementById("div01");
				// 修改内部的html
				div01.innerHTML = "hello world";
				// 修改他的样式
				div01.style.background = "red";
				// 可以修改它的属性
				var chk1 = document.getElementById("chk1");
				chk1.checked = "checked";
				
				
				// 点击事件
				// 鼠标事件
				// 键盘事件
				// 输入框激活失去焦点
				// 窗口
				// 表单事件
				
				function foo1()
				{
					console.log("按钮1被点击了")
				}
				
				function foo2()
				{
					console.log("按钮2被点击了")
				}
				
				document.getElementById("btn2").onclick = foo2;
				
				
			</script>
	</body>
</html>
